<!-- begin top boilerplate -->
<html>
<head>
    <script type="text/javascript">
        var current = 'main';
    </script>
    <title>Transmission</title>
    <link rel="stylesheet" type="text/css" href="/includes/css/main.css">
    <script src="/includes/js/constants.js" type="text/javascript"></script>
    <script src="/includes/js/jquery.min.js" type="text/javascript"></script>
    <script src="/js/js-global/FancyZoom.js" type="text/javascript"></script>
    <script src="/js/js-global/FancyZoomHTML.js" type="text/javascript"></script>
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
    <meta name="robots" content="noarchive" />
</head>
<body>
<script type="text/javascript">
    $(function(){
        $('#header').load('/includes/html/header.html');
        $('#footer').load('/includes/html/footer.html');
    });
</script>
<div id="header"></div>
<div id="main">
<div class="meat">
<!-- end top boilerplate -->


<body onload="setupZoom()">
<script type="text/javascript">
    $(function(){
        $('#stable_title').html("<p><big><b>Transmission " + Constants.current_version + "</b></big></p>");
<!--        $('#stable_notes').html('<a href="https://trac.transmissionbt.com/wiki/Changes#version-' + Constants.current_version + '">Release Notes</a>'); -->
    });
</script>

<div id="summary" style="width: 100%; height: 200px;">

<div id="summary-left" style="float: left; width: 280px; margin-top: 50px; text-align: center; box-shadow: #888 0 0 5px; -moz-box-shadow: #888 0 0 5px; -webkit-box-shadow: #888 0 0 5px; background-image: url('images/gradient.png'); background-position: center bottom; background-repeat: repeat-x;">
	<div id="stable_title"></div>
	<p>
		<a href="/download/">Download Now</a><br/>
<!--		<span id="stable_notes"></span><br/> -->
		<a href="https://github.com/transmission/transmission/releases">Release Notes</a><br/>

		<a href="https://github.com/transmission/transmission/wiki/Previous-Releases">Previous Releases</a>
	</p>
	<p>
	</p>
</div><!-- summary-left -->

<div id="summary-right"style="float: left; width: 460px; margin-top: 20px; padding-left: 30px">
	<b>Feature Spotlight:</b>
	<ul>
		<li>Uses <a href="about/">fewer resources</a> than other clients</li>
		<li>Native <a href="images/screenshots/Mac-Large.png">Mac</a>, <a href="images/screenshots/GTK-Large.jpg">GTK+</a> and <a href="images/screenshots/Qt-Large.jpg">Qt</a> GUI clients</li>
		<li><a href="https://en.wikipedia.org/wiki/Daemon_(computer_software)">Daemon</a> ideal for servers, embedded systems, and headless use</li>
		<li>All these can be remote controlled by <a href="images/screenshots/Clutch-Large.jpg">Web</a> and <a href="images/screenshots/Curses-Large.jpg">Terminal</a> clients</li>
		<li>Local Peer Discovery</li>
		<li>Full <a href="https://en.wikipedia.org/wiki/BitTorrent_protocol_encryption">encryption</a>, <a href="https://en.wikipedia.org/wiki/Distributed_hash_table">DHT</a>, <a href="https://en.wikipedia.org/wiki/Micro_Transport_Protocol">µTP</a>, <a href="https://en.wikipedia.org/wiki/Peer_exchange">PEX</a> and <a href="https://news.softpedia.com/news/BitTorrent-Magnet-Links-Explained-132536.shtml">Magnet Link</a> support</li>
	</ul>
	<p style="text-indent: 2em;"><a href="about/">Learn More...</a></p>
</div><!-- summary-right -->

<div id="screenshots">
	<a href="images/screenshots/Mac-Large.png">
	<img src="images/screenshots/Mac-Thumbnail.png" alt="Mac Screenshot Thumbnail" />
	<br/>
	Mac
	</a>
	<a href="images/screenshots/GTK-Large.jpg">
	<img src="images/screenshots/GTK-Thumbnail.jpg" alt="GTK+ Screenshot Thumbnail" />
	<br/>
	GTK+
	</a>
	<a href="images/screenshots/Qt-Large.jpg">
	<img src="images/screenshots/Qt-Thumbnail.jpg" alt="Qt Screenshot Thumbnail" />
	<br/>
	Qt
	</a>
	<a href="images/screenshots/Clutch-Large.jpg">
	<img src="images/screenshots/Clutch-Thumbnail.jpg" alt="Web Client Screenshot Thumbnail" />
	<br/>
	Web Client
	</a>
	<a href="images/screenshots/Curses-Large.jpg">
	<img src="images/screenshots/Curses-Thumbnail.jpg" alt="Curses Screenshot Thumbnail" />
	<br/>
	Terminal
	</a>
</div><!-- screenshots -->

</div><!-- summary -->


<!-- begin bottom boilerplate -->
</div><!-- meat -->
</div><!-- main -->
<div id="footer"></div>
</body>
</html>
<!-- end bottom boilerplate -->
